$(function () {
  // 切换注册和登录盒子互斥渲染
  $("#goto-register").on("click", () => {
    // 显示注册的盒子
    $("#register").stop().show();
  });

  $("#goto-login").on("click", () => {
    // 隐藏注册的盒子
    $("#register").stop().hide();
  });

  // 注册账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $("#register .layui-form").on("submit", async (e) => {
    e.preventDefault(); // 阻止表单默认行为
    // 处理数据username=xxx&password=xxx ['username=xx,'password==']
    // 1. 获取用户名和密码
    // console.log($('#register input[name=username]').val(),	$('#register input[name=password]').val());
    const obj = {
      username: $("#register input[name=username]").val(),
      password: $("#register input[name=password]").val(),
    };
    // 调用抽离后的注册的api
    const res = await reqPostRegister(obj);
    // 注册成功后隐藏注册form
    $("#register").stop().hide();
    console.log(res.data); //  响应结果中axios会默认包裹一层, 真正服务器响应的结果 .data
    // status = 0 表示成功  message
    const {
      data: { status, message },
    } = res;
    console.log(status);
    console.log(message);
    if (status === 0) {
      layer.msg(message);
    }
  });

  // 登录账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $("#login .layui-form").on("submit", async (e) => {
    e.preventDefault(); // 阻止表单默认行为
    const obj = {
      username: $("#login input[name=username]").val(),
      password: $("#login input[name=password]").val(),
    };
    // 调用抽离登录的api
    const res = await reqPostLogin(obj);
    // console.log(res)
    // 将token存储在本地, 下次调用别的接口用token
    localStorage.setItem("big-event-token", res.data.token);
    // location.href = './index.html'
    // 跳转到index页面
    if (res.data.status === 0) {
      location.href = "/index.html";
    }
    console.log("页面拿到了响应结果", res);
    const {
      data: { status, message },
    } = res;
    if (status === 0) {
      layer.msg(message);
      location.href = "./index.html";
    }
  });
});
